@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
/* Couleur des prix #da0f00 */

body { color:#000000; font-size:12px; font-family: Arial, Helvetica, sans-serif; }

h1 { color:#ff3f3f; font-weight:700; font-size:12px; padding-bottom:20px; line-height:18px; }
h2 { color:#ff3f3f; font-weight:700; font-size:1.3em; line-height:1.6em; margin: 0.5em 0; text-transform: uppercase; background:transparent; height:21px; }
h3 { color:#ff3f3f; font-weight:700; font-size:1.17em; }
form.std h3 { color: #a67ca0; font-size:1.4em; font-weight:normal; }
h5 { color:#000000; font-size:0.83em; }
h6 { color:#000000; font-size:0.67em; }

p { color:#000000; font-size:1em; }
a { color:#3e3e3e; text-decoration:none;}
a:hover{ color:#DE4675; text-decoration:none; }
ul, ol{ color:#000000; font-size:1em; }

/* Liens de bas de page */
#societe p, #societe a {color:#666; } /* couleur des liens de bas de page */
#societe p, #societe a:hover{color: blue;}
#societe p { color:#000;}

/* Image de validation W3C */
#validator a img { background-color:#a67ca0; } 

/* Catégories
div#categories_block_left ul.tree a { color:#a67ca0;}*/
ul.tree li{background: transparent; line-height:2em; margin:0; padding:0; border-bottom:#a67ca0 dashed 1px;}
ul.tree li a { color:#a67ca0; display:block; text-decoration:none; width:100%;}
ul.tree li a:hover { color:#fff; background:#a67ca0; text-decoration:none; }


/* Styles des input */
input, textarea { color:#000;}

/* generic style des prix */
.price-discount { text-decoration:line-through; }
.price-pretax { color: gray; }
.price-ecotax { color:#488c40; }
img.icon { margin-right: 0.5em; vertical-align: middle; }
.price, .price-shipping, .price-wrapping { color:#6e526a; font-size:1.1em; font-weight:bold; white-space:nowrap;}

/* Produits phares */

/* titre */
#center_column div.block h4 { color:#a67ca0; } 
/* Structure */
#center_column .products_block { color:#a67ca0; }
#center_column .products_block ul li { color:#a67ca0; }
/* Nom du produit */
#center_column div.products_block h5{ color:#fff; font-weight:bold; text-transform:uppercase; }
#center_column div.products_block h5 a{ color:#fff; font-weight:bold; text-transform:uppercase; }
/* Description du produit */
#center_column div.products_block p.product_desc { color:#a67ca0;}
#center_column div.products_block p.product_desc a{ color:#a67ca0;}
#center_column div.products_block ul li p.product_desc a { font-weight:normal; }
.products_block li p a { font-size:0.8em; font-weight:bold;}
/* Bouton */
#center_column #featured-products_block_center .price{ font-size:1.6em!important; /*color:#fff;*/}
#center_column #featured-products_block_center .button,#center_column .btn{ width: 80px; border-radius:3px; padding: 0px 5px; font-weight: bold; color: #fff; font-size: 11px;}
#center_column #featured-products_block_center .ajax_add_to_cart_button{ color:#fff!important;}

/* Tabs */
ul.idTabs li a { text-decoration:none; text-transform:uppercase; font-weight:bold; /*color:#374853;*/}
ul.idTabs li a.selected{ /*color:white;*/}

/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop, .top { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.middle { vertical-align: middle; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right, .align_right { text-align:right; }
.center, .align_center { text-align:center; }
.justify, .align_justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.uppercase { text-transform:uppercase; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb, .clear { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }
br.clear { clear:both; line-height:0; font-size:0; height:0;}

/* Useful */
.hidden, .collapsed, .block_hidden_only_for_screen { display:none; }
.wrap { white-space: normal; }
.span_link { cursor:pointer; }
.span_link:hover { text-decoration:underline; }

/*	Mise en page
----------------------------------------------------------*/

.box
{
float:right;
margin-left:20px;
border:1px solid #a67ca0;
width:200px;
padding:8px;
text-align:justify;
height:160px;
}
.box1
{
float:right;
border:1px solid #a67ca0;
width:180px;
padding:8px;
text-align:justify;
margin-top:-35px;
height:175px;
}
.lefttext{	float:left;	width:180px;	}
.lefttext1{	float:left;	width:170px;	}
.list{	vertical-align:middle;	margin-right:10px;	}
.list1{	margin-top:5px;	margin-right:10px;	float:left;	padding-bottom:10px;	}
.list2{	margin-top:5px;	margin-right:10px;	float:left;	padding-bottom:25px;	}
.list3{	margin-top:5px;	margin-right:10px;	float:left;	padding-bottom:45px;	}
.list4{	margin-top:5px;	margin-right:10px;	float:left;	padding-bottom:60px;	}
	
	
	.text-plan{color:#FFFFFF; font-weight:bold; font-size:14px; text-align:left; margin-left:20px;}

.pad
{
	margin-top:-1px;
}


/*Slideshow news*/

.newsticker-jcarousellite { width:190px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:280px; }
.newsticker-jcarousellite .info a{color:#808080;}
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.tintucitem a{color:#ee1515;}
.whitecolor{color:#00f; font-weight:bold;}
.imgcustomer {
	border:1px solid #606060;
	width:200px;
	padding:1px;
	}
	
	
.table-banggia {width:100%; border-collapse:collapse; line-height:25px;}
.table-banggia td { border:#198439 solid 1px; padding:1px; vertical-align:middle; padding-left:5px; padding-right:5px; vertical-align:middle;}
.right { text-align:right; }
.table-banggia .td1{font-weight:bold; width:30px; text-align:left;}
.table-banggia .td2{width:600px;}
.table-banggia .td3{width:30px; text-align:center; vertical-align:middle; }
.table-banggia .td4{width:100px; }
.table-banggia .bg{ font-weight:bold; color:#CCCCCC;}
.widtb {width:75px;}
.table-banggia .tieude
{
	background-color:#1cc65c;	
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	color:#fff;
	border-bottom:none;
	text-align:left;
}

.fs { border:1px solid #d1d1d1; padding:10px 10px 0; } /* couleur du fieldset */
.lg{ border-left: #d1d1d1 solid 2px; font-size:13px; color:#5a5a5a; font-weight:bold; padding:0 10px;}
.list4so { margin-right:10px; float:left; padding-bottom:40px; }
.list1so{margin-right:10px;	float:left;	padding-bottom:10px;	}
.support-top {
	float:left;
	padding:0 0 0 7px;
	text-align:center;
	width:45%;
	height:83px;
}
.tin-lien-quan {border-bottom:2px solid #dd1c10;color:#dd1c10;margin-bottom:15px;padding:2px 0;	font-size:13px;	font-weight:bold;}
.tin-lien-quan-box{margin-left:30px;}
.tin-lien-quan-box p{line-height:13px;}

.widbanggia{width:430px;}

.listso1{	float:left;	padding-bottom:10px; vertical-align:middle;	}
.listso2{	margin-right:5px;	float:left;	padding-bottom:30px;	}	
.listso5{	margin-right:5px;	float:left;	padding-bottom:90px;	}


.khachhangitem  {}
.illustration {
	float:left;
	padding:0 40px 0 10px;
    height: 337px;
}
.illustration img{
 
}
.bottomlink{float:right;}

	
	

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider {
	position:relative;
    width:726px;
    height:183px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:270px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.nguontin{text-align:right; font-weight:bold;}
.marr10{margin-right:7px; float:left;}

.productWrap1{
    position: relative;
}

.productWrap1 .sale-ico{
    position: absolute;  
    left: 163px;
    top: 60px; 
}

.productWrap1 a.addtocart{
	background: #e75787;
}


#center_column .productWrap1 a.detail{
	background: #bababa;
	margin-top: 5px;
	width: 40px;
}

.block_content .read-more{
	text-align: right;
    clear: both;
}
.block_content .read-more a{
	color: #b00e0f;
}

.block_content .read-more a:hover{
	color: #000;
}

.cpright{
	font-weight: normal;
	font-size: 11px;
}

.contentWrapLeft hr{
	border: none;
	border-top: 1px solid #ccc;
	margin: 10px 0px;
}

.productWrap1 .seloff{
	color: red;
	text-decoration: line-through;
	font-size: 17px;
}

#guiykien .btn{
    margin-left: 150px;
    margin-top: 20px;
    width: 293px;
}

.ui-dialog-titlebar{
  
}

.ui-dialog .ui-widget-header{
    background: #DE4675;
    border-radius: 0px;
}

.ui-dialog .ui-button{
    background: #DE4675;
    color: #fff;
}

.dialog-cart p{
    text-align: left;
}

.ui-widget-content{
    background: #fff;
}

/*Table*/
#table-5 {
    width:  100%;
	background-color: #f5f5f5;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ebebeb;
}
#table-5 td, #table-5 th {
	padding: 10px 20px;
}
#table-5 thead {
	font: normal 15px Helvetica Neue,Helvetica,sans-serif;
	text-shadow: 0 1px 0 white;
	color: #000;
    font-weight: bold;
    background: #FBDDED;
}
#table-5 th {
	text-align: left;
	border-bottom: 1px solid #fff;
}
#table-5 tr.event{
    background: #fff;
}

#table-5 td {
	font-size: 12px;
	text-align:left;
}
#table-5 td:hover {
	background-color: #fff;
}

#table-5 tfoot{
    border-top: 1px solid #ccc;
    background: #eee;
}

.k-button a{
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}

.k-button .shop-more{
    background: url("../images/shopping.png") no-repeat;
    width: 86px;
    height: 26px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.k-button .paypal{
    background: url("../images/paypal-checkout.png") no-repeat;
    width: 143px;
    height: 26px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.k-button .checkout{
    background: url("../images/checkout.png") no-repeat;
    width: 86px;
    height: 26px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.info-frame fieldset{
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
}

.info-frame fieldset legend{
    color: #DB261B;
    font-weight: bold;
    font-size: 14px;
}

.info-frame fieldset p label,
.info-frame fieldset p input{
    display: inline-block;
}

.info-frame fieldset p label{
    width: 150px;
}
.field input{
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px 10px;
}

.info-frame fieldset p.buttons{
    padding-left: 50px;
}
.info-frame fieldset p.more{
    padding-left: 150px;
}
.size1{
    width: 200px;
}

.size2{
    width: 300px;
}

.message{
    margin-bottom: 20px;
    color: white;
    padding-left: 80px;
    padding-top:  5px;
    padding-bottom:  5px;
}

.error{
    color: red;
    font-style: italic;
}

#login-form{
    border-radius: 4px;
    box-shadow: 1px 1px 2px #888;
    width: 300px;
    margin: 20px auto;
    padding: 20px 40px;
    line-height: 30px;
}

#login-form .field{
    margin: 5px 0px;
}

#login-form .field label,
#login-form .field input{
    display: inline-block;
}

#login-form .field label{
    width: 100px;
    font-weight: bold;
}

#login-form .field input{
    padding: 3px 10px;
    width: 150px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.buttons input{
    border: none;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    background: rgb(248,80,50); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */


}

.buttons input:hover{
    color: #000;
}

.account{
    color: #fff;
    float: right;
    position: absolute;
    top:38px;
    right: 181px;
}

.account a{
    color: #D73668;
    font-weight: bold;    
    text-shadow: 2px 2px 2px #fff;
}
.account a:hover{
    color: #f00;
}

#product-detail h3{
    padding-top: 0px;
}

#fieldset-buttons{
    border: none;
}

#submit-label,
#reset-label,
#account-label,
#contact-label,
#security-label,
#captcha-input-label{
    display: none;
}

#submit-element,
#reset-element{
    display: inline-block;
}

#fieldset-buttons input{
    padding: 5px 10px;
}

#registry .zend_form dt,
#registry .zend_form dd{
    padding-bottom: 5px;
}

#registry .zend_form dd dd{
    margin-left: 50px;
}

#registry .zend_form dd dd input[type="text"],
#registry .zend_form dd dd input[type="password"]{
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

#captcha-input{
    position: absolute;
    top: 142px;
    left: 88px;
    width: 190px;
}

#fieldset-security{
    position: relative;
    height: 150px;
}

#captcha-element img{
    border: 1px solid #ccc;
}

.errors{
    color: red;
    font-style: italic;
}
